<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 ,minimum-scale=1.0 ,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>模特</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/iconfont.css"/>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <style>
        body{background-color: #edecf1;}
        .header .right a{color: #fff;}
        .content li{margin-bottom: 4px;background-color: #fff;padding: 12px;}
        .content li .box{display: -webkit-box;display: box;}
        .content li .user{width: 60px;text-align: center;}
        .content li .user img{width: 50px;height: 50px;display: block;margin: 0 auto;}
        .content li .user p{font-size: 13px;margin-top: 5px;}
        .content li .user input{-webkit-appearance: none;width: 20px;height: 20px;border: 1px solid #ffc10c;
            border-radius: 50%;position: relative;margin-top: 10px;}
        .content li .user input:before{content: '';width: 12px;height: 12px;border-radius: 12px;position: absolute;
            left: 3px;top: 3px;background-color: #fff;}
        .content li .user input:checked:before{background-color: #ffc10c;}
        .content li .user .vip{color: #e60014;}
        .content li .user .vip i{font-size: 13px;}
        .content li .des{display: block;box-flex: 1;-webkit-box-flex: 1;margin-left: 12px;}
        .content li .des .top{overflow: hidden;font-size: 14px;}
        .content li .des .top .top-name{float: left;color: #333;}
        .content li .des .top .top-price{float: right;color: #ffc10c;}
        .content li .des p{font-size: 12px;line-height: 16px;margin-top: 10px;}
        .img-box{overflow: hidden;margin-top: 12px;}
        .img-box .img{float: left;width: 40%;margin-right: 5%;height: 80px;background-size: cover;background-position: center;}
    </style>
</head>
<body>
<script src="../js/overall_mask.js"></script>
    <header class="header header2">
        <div class="header-fixed">
            <div class="left">
                <a href="javascript:window.history.back();">
                    <i class="iconfont icon-arrowleft"></i>
                </a>
            </div>
            <div class="center">模特</div>
            <div class="right">
                <a href="../html/booking_service.html">预约</a>
            </div>
        </div>
    </header>
    <div class="content">
        <ul>
            <li>
                <div class="box">
                    <div class="user">
                        <img src="../img/pic_lessor.png" alt=""/>
                        <p class="vip"><i class="iconfont icon-vip"></i>小明</p>
                        <input type="checkbox"/>
                    </div>
                    <a href="../html/other_home3.html" class="des">
                        <div class="top">
                            <div class="top-name">平面模特</div>
                            <div class="top-price">200元/小时</div>
                        </div>
                        <p class="word">随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，</p>
                        <div class="img-box">
                            <div class="img" style="background-image: url('../img/p1945985913.jpg')"></div>
                            <div class="img" style="background-image: url('../img/p647007015.jpg')"></div>
                        </div>
                    </a>
                </div>
            </li>
            <li>
                <div class="box">
                    <div class="user">
                        <img src="../img/pic_lessor.png" alt=""/>
                        <p class="vip"><i class="iconfont icon-vip"></i>小明</p>
                        <input type="checkbox"/>
                    </div>
                    <a href="../html/other_home3.html" class="des">
                        <div class="top">
                            <div class="top-name">平面模特</div>
                            <div class="top-price">200元/小时</div>
                        </div>
                        <p class="word">随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，</p>
                        <div class="img-box">
                            <div class="img" style="background-image: url('../img/p1945985913.jpg')"></div>
                            <div class="img" style="background-image: url('../img/p647007015.jpg')"></div>
                        </div>
                    </a>
                </div>
            </li>
            <li>
                <div class="box">
                    <div class="user">
                        <img src="../img/pic_lessor.png" alt=""/>
                        <p class="vip"><i class="iconfont icon-vip"></i>小明</p>
                        <input type="checkbox"/>
                    </div>
                    <a href="../html/other_home3.html" class="des">
                        <div class="top">
                            <div class="top-name">平面模特</div>
                            <div class="top-price">200元/小时</div>
                        </div>
                        <p class="word">随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，随时可以接单，</p>
                        <div class="img-box">
                            <div class="img" style="background-image: url('../img/p1945985913.jpg')"></div>
                            <div class="img" style="background-image: url('../img/p647007015.jpg')"></div>
                        </div>
                    </a>
                </div>
            </li>
        </ul>
    </div>
</body>
</html>